import React from 'react'
import { Selector, Space } from 'antd-mobile'
import { Tag,  } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
function Seat() {
    const nav=useNavigate()
  return (
    <div>
        <div style={{fontSize:30}}>
            <div>08:34--14:56</div>
            <div>北京--上海</div>
        </div>
        <Selector
          columns={2}
          options={[
            {
              label: '二等座',
              description: '￥97  有票',
              value: '1',
            },
            {
              label: '一等座',
              description: '￥162 有票',
              value: '2',
            },
            {
              label: '商务座',
              description: '￥326 20张',
              value: '3',
            },
          
          ]}
          defaultValue={['1']}
        />
        <div style={{fontSize:30,paddingLeft:'200px'}}>
            ￥362 <Tag color='#ff6430' onClick={()=>nav('/order')}>
         订
          </Tag>
        </div>
    </div>
  )
}

export default Seat